<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>列表页</title>
    <link rel="stylesheet" href="/css/list.css">
    <link rel="stylesheet" href="/libs/font_cvv537byqg7/iconfont.css">
</head>

<body>
    <header></header>
    <section>
        <div class="main">
            <ul class="heads">
                <li><a href="/index.html">首页</a></li>
                <li>/</li>
                <li>男子</li>
            </ul>
            <!--侧边栏-->
            <div class="sidebar">
                <div class="sidebar-main">
                    <p>男子</p>
                    <div class="sidebar-main-series">
                        <dl>
                            <dt><a href="">鞋子</a></dt>
                            <dd><a href="">休闲</a></dd>
                            <dd><a href="">跑步</a></dd>
                            <dd><a href="">英美产系列</a></dd>
                            <dd><a href="">中性款</a></dd>
                            <dd><a href="">篮球鞋</a></dd>
                            <dd><a href="">板鞋</a></dd>
                        </dl>
                        <dl>
                            <dt><a href="">服装/配饰</a></dt>
                            <dd><a href="">休闲裤装</a></dd>
                            <dd><a href="">T恤/背心</a></dd>
                            <dd><a href="">运动上衣</a></dd>
                            <dd><a href="">运动裤装</a></dd>
                        </dl>
                    </div>
                    <div class="sidebar-main-sex">
                        <p>性别</p>
                        <input type="checkbox"><a href="">男子</a>
                        <input type="checkbox"><a href="">女子</a>
                        <input type="checkbox"><a href="">中性款</a>
                    </div>
                    <div class="sidebar-main-product">
                        <p>产品分类</p>
                        <ul>
                            <li><a href="">574系列</a></li>
                            <li><a href="">x-racer系列</a></li>
                            <li><a href="">997S系列</a></li>
                            <li><a href="">997H系列</a></li>
                            <li><a href="">CRT300系列</a></li>
                            <li><a href="">X90系列</a></li>
                            <li><a href="">996系列</a></li>
                            <li><a href="">凉鞋</a></li>
                            <li><a href="">其他系列休闲鞋</a></li>
                            <li><a href="">840系列</a></li>
                            <li><a href="">520系列</a></li>
                            <li><a href="">801系列</a></li>
                            <li><a href="">R_C4系列</a></li>
                            <li><a href="">247系列</a></li>
                            <li><a href="">580系列</a></li>
                            <li><a href="">999系列</a></li>
                            <li><a href="">878系列</a></li>
                            <li><a href="">R_C2系列</a></li>
                            <li><a href="">凉鞋/拖鞋</a></li>
                            <li><a href="">Fresh Foam系列</a></li>
                            <li><a href="">Fuel系列</a></li>
                            <li><a href="">Hanzo系列</a></li>
                            <li><a href="">NBx系列</a></li>
                            <li><a href="">其他系列跑鞋</a></li>
                            <li><a href="">英美产系列</a></li>
                            <li><a href="">中性款</a></li>
                            <li><a href="">篮球鞋</a></li>
                            <li><a href="">板鞋</a></li>
                            <li><a href="">套头卫衣</a></li>
                            <li><a href="">外套/夹克</a></li>
                            <li><a href="">休闲裤装</a></li>
                            <li><a href="">短袖T恤</a></li>
                            <li><a href="">运动外套</a></li>
                            <li><a href="">长袖上衣</a></li>
                            <li><a href="">短袖上衣</a></li>
                            <li><a href="">运动长裤</a></li>
                            <li><a href="">男士紧身裤</a></li>
                            <li><a href="">羽绒服/棉服/马甲</a></li>
                            <li><a href="">短裤</a></li>
                            <li><a href="">配件/装备</a></li>
                            <li><a href="">帽子</a></li>
                            <li><a href="">男款新品上市</a></li>
                            <li><a href="">热销推荐</a></li>
                            <li><a href="">纽约马拉松</a></li>
                            <li><a href="">尖货发售</a></li>
                            <li><a href="">利物浦系列</a></li>
                            <li><a href="">短袖上衣</a></li>
                            <li><a href="">长袖上衣</a></li>
                            <li><a href="">短裤</a></li>
                            <li><a href="">余文乐同款</a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <!--内容-->
            <div class="lists">
                <div class="lists-main">
                    <div class="lists-top">
                        <div><span>男子</span>（430）</div>
                        <select>
                            <option>种类</option>
                            <option>店铺热销</option>
                            <option>价格(从高到底)</option>
                            <option>(从低到高)</option>
                            <option>新品上市</option>
                        </select>
                    </div>
                    <div class="lists-details">
                        <div>
                            <h2><a href="">鞋子</a></h2>
                        </div>
                        <ul id="list-likes">
                            <!-- <li>
                                <a href=""><img src="" alt=""></a>
                                <a href="">青春用你训练生同款997H男款复古运动休闲鞋</a>
                                <span>￥899.00</span>
                            </li> -->
                        </ul>
                        <script type="text/html" id="likesTemplate">
                            {{each data list}}
                                <li>
                                    <a href="/html/details.html?id={{list.id}}"><img src="{{list.img}}" alt=""></a>
                                    <a href="">{{list.name}}</a>
                                    <span>￥{{list.price}}</span>
                                </li>
                            {{/each}}
                        </script>
                        <p><a href="">更多信息(189)</a></p>
                    </div>
                    <div class="lists-details">
                        <div>
                            <h2><a href="">服装/配饰</a></h2>
                        </div>
                        <ul id="list1-likes">
                            <!-- <li>
                                <a href=""><img src="" alt=""></a>
                                <a href="">青春用你训练生同款997H男款复古运动休闲鞋</a>
                                <span>￥899.00</span>
                            </li> -->
                        </ul>
                        <script type="text/html" id="likesTemplate1">
                            {{each data1 list1}}
                                <li>
                                    <a href="/html/details.html?id={{list1.id}}"><img src="{{list1.img1}}" alt=""></a>
                                    <a href="">{{list1.name1}}</a>
                                    <span>￥{{list1.price1}}</span>
                                </li>
                            {{/each}}
                        </script>
                        <p><a href="">更多信息(330)</a></p>
                    </div>
                    <div class="lists-details">
                        <div>
                            <h2><a href="">专题推荐</a></h2>
                        </div>
                        <ul id="list2-likes">
                            <!-- <li>
                                <a href=""><img src="" alt=""></a>
                                <a href="">青春用你训练生同款997H男款复古运动休闲鞋</a>
                                <span>￥899.00</span>
                            </li> -->
                        </ul>
                        <script type="text/html"  id="likesTemplate2">
                            {{each data2 list2}}
                                <li>
                                    <a href="/html/details.html?id={{list2.id}}"><img src="{{list2.img2}}" alt=""></a>
                                    <a href="">{{list2.name2}}</a>
                                    <span>￥{{list2.price2}}</span>
                                </li>
                            {{/each}}
                        </script>
                        <p><a href="">更多信息(201)</a></p>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <footer></footer>
    <script src="/libs/requirejs/require.min.js" data-main="/js/list"></script>
</body>

</html>